.header {
  background-color: #111;
}
.header .navbar-default {
  background-color: #111;
  border: none;
}
.header .navbar {
  margin-bottom: 0;
}
.header .logo {
  text-transform: uppercase;
}
.header .navbar-default .navbar-brand {
  color: #fff;
}
.header .navbar-default .navbar-nav > .active > a,
.header .navbar-default .navbar-nav > .active > a:focus,
.header .navbar-default .navbar-nav > .active > a:hover {
  background-color: #111;
}
.header .navbar-default .navbar-nav > li > a {
  text-transform: uppercase;
  color: #fff;
  font-size: 14px;
}
.header .navbar-default .navbar-nav > li > a:hover {
  color: #fff;
  border-bottom: 3px solid #fcac45;
}
@media (min-width: 1200px) {
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:focus,
  .navbar-default .navbar-nav > .active > a:hover {
    border-bottom: 3px solid #fcac45;
  }
}
@media (max-width: 768px) {
  .navbar-default .navbar-nav > li > a {
    text-align: center;
    border: none;
  }
}
